<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#d1{
				width: 1000px;
				border: 4px solid green;
				column-count: 2;
				column-gap: 50%;
				word-break: break-word;
				box-sizing: border-box;
			}
			#d1 div#left{
				height: 500px;
				background-color: blueviolet;
				width: 70%;/*四分之三*/
			}
			#d1 div#right{
				height: 500px;
				/* background-color: gold; */
				/* width: 30%;/*四分之一*/ */
				background-color: rgba(200,100,120,0.3);
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="left">
				<p>22222222222222222222222222222222222222222222222222222222222222222222222222222222</p>
			</div>
			<div id="right">
				<p>22222222222222222222222222222222222222222222222222222222222222222222222222222222</p>
			</div>
		</div>
	</body>
</html>
